<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body class="box df fdc">
    <!-- 主体内容 -->
    <div class="main f1">
        <!-- 用户头像 -->
        <div class="userhead b_white comm df fdc jcsb">
            <!-- 上面部分 -->
            <div class="u_h_top df">
                <div class="myhead">
                    
                    <img src="../../assets/imgs/dog.jpg" alt="" class="img">
                    <span class="iconfont icon-liebiaoye-VIP vip"></span>

                </div>
                <div class="change_info df jcsb aic">
                    <div class="u_foont df jcc aic">用户名</div>
                    <div class="fuhao df jcc aic">
                        <a href="./changeinfo.html">></a>
                    </div>
                </div>
            </div>
            <!-- 下面部分 -->
            <div class="u_h_bottom">个性签名 ：xxxxxxxxxx</div>
        </div>
        <!-- 累计打卡 -->
        <div class="clock b_white mt20 comm df aic jcsb">
            <div class="total_clock df aic">
                <span class="iconfont icon-rili rili"></span>
                <span class="clm">累计打卡
                    <span class="day">23</span>天</span>
            </div>
            <div class="sign">
                今日打卡
            </div>
        </div>
        <!-- 个人动态说说 -->
        <div class="talk b_white mt20 comm df aic jcsb">
            <div class="total_clock df aic">
                <span class="iconfont icon-liebiao liebiao"></span>
                <span class="dongtai">个人动态</span>
            </div>
            <div class="sign df aic jcsb">
                <span>10条</span>
                <a href="">></a>
            </div>
        </div>
        <!-- 运动数据 -->
        <div class="sport_data b_white mt20 comm df fdc jcsb">
            <!-- 上面横着部分 -->
            <div class="top_box df aic jcsb">
                <div class="total_clock df aic">
                    <span class="iconfont icon-shuju shuju"></span>
                    <span class="dongtai">个人动态</span>
                </div>
                <div class="sign df aic jcsb">
                    <a href="">></a>
                </div>
            </div>
            <!-- 下面仔细数据部分 -->
            <div class="all_data df">
                <div class="sport_time ">
                    <p class="sp_title">总运动</p>
                    <p class="times_box">
                        <span class="data_comm times">99999</span>分钟</p>
                </div>
                <div class="sport_ca ">
                    <p class="sp_title">本周消耗</p>
                    <p class="ca_box">
                        <span class="data_comm cas">99999</span>千卡</p>

                </div>
            </div>
        </div>
        <!-- 我的徽章 -->
        <div class="badge b_white mt20 comm df fdc jcsb">
            <!-- 上面横着部分 -->
            <div class="top_box df aic jcsb">
                <div class="total_clock df aic">
                    <span class="iconfont icon-badge shuju"></span>
                    <span class="dongtai">我的运动徽章</span>
                </div>
                <div class="sign df aic jcsb">
                    <a href="">></a>
                </div>
            </div>
            <!-- 下面徽章 -->
            <div class="bt_badge df jcsb aic">
                <img src="../../assets/imgs/mybadge01.jpg" alt="" class="">
                <img src="../../assets/imgs/mybadge02.jpg" alt="" class="">
                <img src="../../assets/imgs/mybadge03.jpg" alt="" class="">
            </div>
        </div>

    </div>
</body>

</html>